<script setup>

import BasicLink from "@/components/Elements/BasicLink.vue";

const demo_data = [
  {
    text: "Home",
    link: "/",
  },
  {
    text: "About",
    link: "/about",
  },
  {
    text: "Blog",
    link: "/blog",
  },
  {
    text: "Contact",
    link: "/contact",
 },
]

</script>

<template>

  <ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0">
    <li v-for="item in demo_data">
       <BasicLink :href="item.link" :text="item.text" />
    </li>
  </ul>

</template>

<style scoped>

</style>